import { defineStore } from "pinia";
import axios from 'axios';
// 引入一个自动生成id的工具 npm i nanoid
import { nanoid } from 'nanoid';
import { reactive } from "vue";
// 定义store 调用defineStore
// 第一个参数为唯一标识，一般会命名为需要使用的数据的名字
// 第二个参数是一个对象，里面可以指定配置项的内容
// export const useTalkStore=defineStore("talk",{
//     actions:{
//         async addLoveTalk(){
//             let talk=await axios.get("https://api.uomg.com/api/rand.qinghua?format=json")        
//             let {data:{content:title}}=talk           
//             this.loveTalk.unshift({id:nanoid(),title})         
          
//           }

//     },
//     state() {
//         return{
//             loveTalk:JSON.parse(localStorage.getItem("loveTalkMSG") as string) || []
//         }
//     },

// })

export const useTalkStore=defineStore("talk",()=>{
    let loveTalk=reactive(JSON.parse(localStorage.getItem("loveTalkMSG") as string) || [])

    async function addLoveTalk(){
        let talk=await axios.get("https://api.uomg.com/api/rand.qinghua?format=json")        
        let {data:{content:title}}=talk           
        loveTalk.loveTalk.unshift({id:nanoid(),title})         
        
    }
    return {loveTalk,addLoveTalk}    

})